<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>hexo搭建博客 - macdfree&#39;s blog</title>
  <meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<meta name="theme-color" content="#f8f5ec" />
<meta name="msapplication-navbutton-color" content="#f8f5ec">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">


<meta name="author" content="macd" />
  <meta name="description" content="在网上看见使用Hexo和GitHub Page搭建博客的文章，闲来无事就仿照着做了一下。起初是在我的Windows电脑搭建，但觉得Windows和命令行不怎么协调，就改用我的树莓派搭建。
" />

  <meta name="keywords" content="blog, macd, even" />


<meta name="baidu-site-verification" content="Ak74Sk61bk" />
<meta name="google-site-verification" content="fAeFHpkrhfFS8LxdzXy0EtAPcVStv0faGn238sRF3L8" />


<meta name="generator" content="Hugo 0.54.0" />


<link rel="canonical" href="/posts/hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/" />

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">




<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>


<link href="/dist/even.min.css?v=3.1.1" rel="stylesheet">
<link href="/lib/fancybox/jquery.fancybox-3.1.20.min.css" rel="stylesheet">




<meta property="og:title" content="hexo搭建博客" />
<meta property="og:description" content="在网上看见使用Hexo和GitHub Page搭建博客的文章，闲来无事就仿照着做了一下。起初是在我的Windows电脑搭建，但觉得Windows和命令行不怎么协调，就改用我的树莓派搭建。" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/posts/hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/" />
<meta property="article:published_time" content="2016-05-29T03:48:32&#43;00:00"/>
<meta property="article:modified_time" content="2016-05-29T03:48:32&#43;00:00"/>

<meta itemprop="name" content="hexo搭建博客">
<meta itemprop="description" content="在网上看见使用Hexo和GitHub Page搭建博客的文章，闲来无事就仿照着做了一下。起初是在我的Windows电脑搭建，但觉得Windows和命令行不怎么协调，就改用我的树莓派搭建。">


<meta itemprop="datePublished" content="2016-05-29T03:48:32&#43;00:00" />
<meta itemprop="dateModified" content="2016-05-29T03:48:32&#43;00:00" />
<meta itemprop="wordCount" content="626">



<meta itemprop="keywords" content="hexo," />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="hexo搭建博客"/>
<meta name="twitter:description" content="在网上看见使用Hexo和GitHub Page搭建博客的文章，闲来无事就仿照着做了一下。起初是在我的Windows电脑搭建，但觉得Windows和命令行不怎么协调，就改用我的树莓派搭建。"/>

<!--[if lte IE 9]>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
<![endif]-->

<!--[if lt IE 9]>
  <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->

</head>
<body>
  <div id="mobile-navbar" class="mobile-navbar">
  <div class="mobile-header-logo">
    <a href="/" class="logo">macdfree&#39;s blog</a>
  </div>
  <div class="mobile-navbar-icon">
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>
<nav id="mobile-menu" class="mobile-menu slideout-menu">
  <ul class="mobile-menu-list">
    <a href="/">
        <li class="mobile-menu-item">首页</li>
      </a><a href="/categories/">
        <li class="mobile-menu-item">分类</li>
      </a><a href="/tags/">
        <li class="mobile-menu-item">标签</li>
      </a><a href="/archive/">
        <li class="mobile-menu-item">归档</li>
      </a>
  </ul>
</nav>
  <div class="container" id="mobile-panel">
    <header id="header" class="header">
        <div class="logo-wrapper">
  <a href="/" class="logo">macdfree&#39;s blog</a>
</div>

<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
        <a class="menu-item-link" href="/">首页</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/categories/">分类</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/tags/">标签</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/archive/">归档</a>
      </li>
  </ul>
</nav>
    </header>

    <main id="main" class="main">
      <div class="content-wrapper">
        <div id="content" class="content">
          <article class="post">
    
    <header class="post-header">
      <h1 class="post-title">hexo搭建博客</h1>

      <div class="post-meta">
        <span class="post-time"> 2016-05-29 </span>
        <div class="post-category">
          
            <a href="/categories/hexo/"> hexo </a>
          
        </div>
        <span class="more-meta"> 约 626 字 </span>
        <span class="more-meta"> 预计阅读 2 分钟 </span>
        <span id="busuanzi_container_page_pv" class="more-meta"> <span id="busuanzi_value_page_pv"><img src="/img/spinner.svg" alt="spinner.svg"/></span> 次阅读 </span>
      </div>
    </header>

    
    
<div class="post-toc" id="post-toc">
  <h2 class="post-toc-title">文章目录</h2>
  
  <div class="post-toc-content always-active">
    <nav id="TableOfContents">
<ul>
<li><a href="#1-安装node-js-hexo和git">1. 安装Node.js、Hexo和Git</a></li>
<li><a href="#2-初始化及配置">2. 初始化及配置</a></li>
<li><a href="#3-使用hexo新建文章并生成发布">3. 使用Hexo新建文章并生成发布</a></li>
</ul>
</nav>
  </div>
</div>

    
    <div class="post-content">
      <p>在网上看见使用Hexo和GitHub Page搭建博客的文章，闲来无事就仿照着做了一下。起初是在我的Windows电脑搭建，但觉得Windows和命令行不怎么协调，就改用我的树莓派搭建。</p>

<p>参考<a href="https://hexo.io/docs">https://hexo.io/docs</a></p>

<h1 id="1-安装node-js-hexo和git">1. 安装Node.js、Hexo和Git</h1>

<p>安装Node.js，Hexo官网推荐的使用nvm</p>

<p>cURL：</p>

<pre><code class="language-bash">curl https://raw.github.com/creationix/nvm/master/install.sh | sh
</code></pre>

<p>Wget：</p>

<pre><code class="language-bash">wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
</code></pre>

<p>在树莓派上cURL方式测试失败，只能使用Wget方式。</p>

<p>安装完nvm后执行：</p>

<pre><code class="language-bash">nvm install 4
</code></pre>

<p>参数4表示安装Node.js的版本。</p>

<p>安装Hexo：</p>

<pre><code class="language-bash">npm install -g hexo-cli
</code></pre>

<p>Git安装：</p>

<pre><code class="language-bash">sudo apt-get install git
</code></pre>

<h1 id="2-初始化及配置">2. 初始化及配置</h1>

<p>切换到需要创建博客的目录，执行以下指令</p>

<pre><code class="language-bash">hexo init
</code></pre>

<p>修改_config.yml配置文件中的一些基本信息，参考<a href="https://hexo.io/docs/configuration.html">Hexo配置</a></p>

<p>需要再安装一些常用模块，在博客所在目录下执行以下指令：</p>

<pre><code class="language-bash">npm install hexo-generator-feed --save # 用于生成feed
npm install hexo-generator-sitemap --save # 用于生成站点地图
</code></pre>

<p>同时_config.yml中添加相应配置</p>

<pre><code class="language-yaml"># feed
feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:

# sitemap
sitemap:
  path: sitemap.xml
</code></pre>

<h1 id="3-使用hexo新建文章并生成发布">3. 使用Hexo新建文章并生成发布</h1>

<p>新建文章</p>

<pre><code class="language-bash">hexo new [layout] &lt;title&gt;
</code></pre>

<p>其中layout为模板，可以在scaffolds目录中进行修改</p>

<p>生成静态页面</p>

<pre><code class="language-bash">hexo generate
</code></pre>

<p>发布文章
由于本人使用Git发布方式，所以需要先安装git发布模块并在_config.yml中添加配置</p>

<pre><code class="language-bash">npm install hexo-deployer-git --save #安装git发布模块
</code></pre>

<pre><code class="language-yaml">deploy:
  type: git
  repo: &lt;repository url&gt;
  branch: [branch]
  message: [message]
</code></pre>

<p>完成上述操作后执行以下指令及发布成功</p>

<pre><code class="language-bash">hexo deploy
</code></pre>

<p>另外还可以使用 <code>hexo server</code> 命令进行本地浏览，此命令需要安装模块</p>

<pre><code class="language-bash">npm install hexo-server --save
</code></pre>

<p>由于树莓派性能有限，<code>hexo server</code> 命令本地浏览会很缓慢，故不经常使用。</p>
    </div>

    
    <div class="post-copyright">
  <p class="copyright-item">
    <span class="item-title">文章作者</span>
    <span class="item-content">macd</span>
  </p>
  <p class="copyright-item">
    <span class="item-title">上次更新</span>
    <span class="item-content">2016-05-29</span>
  </p>
  
  
</div>

    
    
<div class="post-reward">
  <input type="checkbox" name="reward" id="reward" hidden />
  <label class="reward-button" for="reward">赞赏支持</label>
  <div class="qr-code">
    
    
      <label class="qr-code-image" for="reward">
        <img class="image" src="/img/reward/wechat-qr-code.png">
        <span>微信打赏</span>
      </label>
    
      <label class="qr-code-image" for="reward">
        <img class="image" src="/img/reward/alipay-qr-code.png">
        <span>支付宝打赏</span>
      </label>
  </div>
</div>

    <footer class="post-footer">
      
        <div class="post-tags">
          
          <a href="/tags/hexo/">hexo</a>
          
        </div>

      
      <nav class="post-nav">
        
          <a class="prev" href="/posts/%E7%9C%8B%E8%BF%87%E7%9A%84%E5%8A%A8%E6%BC%AB/">
            <i class="iconfont icon-left"></i>
            <span class="prev-text nav-default">看过的动漫</span>
            <span class="prev-text nav-mobile">上一篇</span>
          </a>
        
          <a class="next" href="/posts/%E4%BD%8E%E5%8A%9F%E8%80%97%E8%8A%82%E7%82%B9%E8%AE%BE%E8%AE%A1%E6%97%A5%E8%AE%B001/">
            <span class="next-text nav-default">低功耗节点设计日记01</span>
            <span class="prev-text nav-mobile">下一篇</span>
            <i class="iconfont icon-right"></i>
          </a>
      </nav>
    </footer>
  </article>
        </div>
        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="social-links">
      <a href="mailto:macdfree@163.com" class="iconfont icon-email" title="email"></a>
      <a href="https://github.com/MACDfree" class="iconfont icon-github" title="github"></a>
  <a href="/index.xml" type="application/rss+xml" class="iconfont icon-rss" title="rss"></a>
</div>

<div class="copyright">
  <span class="power-by">
    由 <a class="hexo-link" href="https://gohugo.io">Hugo</a> 强力驱动
  </span>
  <span class="division">|</span>
  <span class="theme-info">
    主题 - 
    <a class="theme-link" href="https://github.com/olOwOlo/hugo-theme-even">Even</a>
  </span>

  <div class="busuanzi-footer">
    <span id="busuanzi_container_site_pv"> 本站总访问量 <span id="busuanzi_value_site_pv"><img src="/img/spinner.svg" alt="spinner.svg"/></span> 次 </span>
    <span class="division">|</span>
    <span id="busuanzi_container_site_uv"> 本站总访客数 <span id="busuanzi_value_site_uv"><img src="/img/spinner.svg" alt="spinner.svg"/></span> 人 </span>
  </div>

  <span class="copyright-year">
    &copy; 
    
      2014 - 
    2019
    <span class="heart">
      <i class="iconfont icon-heart"></i>
    </span>
    <span class="author">macd</span>
    <span class="division">|</span>
    <span style="margin-left: 5px;">
      <img alt="buildstatus" src="https://travis-ci.org/MACDfree/hugoblog.svg?branch=master">
    </span>
  </span>
</div>
    </footer>

    <div class="back-to-top" id="back-to-top">
      <i class="iconfont icon-up"></i>
    </div>
  </div>
  
<script src="/lib/highlight/highlight.pack.js?v=20171001"></script><script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
  <script type="text/javascript" src="/lib/fancybox/jquery.fancybox-3.1.20.min.js"></script>
<script type="text/javascript" src="/dist/even.min.js?v=3.1.1"></script>








</body>
</html>
